<template>
    <div>
        <div class='recomment'><span>推荐</span></div>
        <Scroll :goods='good' :pops='pos'></Scroll>
        <ul>
            <li>1</li>
            <li>2</li>
            <li>3</li>
            <li>4</li>
            <li>5</li>
            <li>6</li>
            <li>7</li>
            <li>8</li>
            <li>9</li>
            <li>10</li>
            <li>11</li>
            <li>12</li>
            <li>13</li>
            <li>14</li>
            <li>15</li>
            <li>16</li>
            <li>17</li>
            <li>18</li>
            <li>19</li>
            <li>20</li>
        </ul>
    </div>
</template>

<script>
import Scroll from '../../components/content/scroll/Scroll.vue'
export default {
    data(){
        return{
            pos:'recomment',
            good:undefined
        }
    },
   
    mounted(){
        //  console.log(this.recomment)
        this.good=this.recomment
    },
   components:{
       Scroll
   },
   props:{
       recomment:{
           type:Object,
           default(){
               return{}
           }
       }
   }
}
</script>

<style scoped>
    .recomment {
        text-align: center;
    }
    /* .recomment span{
        margin: 0 auto;
    } */
</style>